article{
	position:absolute;
	top:120px; left:300px; right:0; bottom:0;
	padding:30px;
	background-color:#111;
	font-family:Consolas,"微软雅黑", Helvetica, Arial, sans-serif; font-size:1.6rem; line-height:1.5rem;
	color:#f6e6cc; background: #27221a;
	overflow-x:hidden; overflow-y:auto;
}
article th{background-color:#000;}
article td{background-color:#27221a;}
article th,
article td{
	padding:10px; border:1px solid #f9d69e; border-right:none;
}
article th:last-child,
article td:last-child{border:1px solid #f9d69e;}
article img{
	width:auto; max-width:500px;
}
article textarea{
	width:100%; height:95%;
	color:#f6e6cc; background:#27221a;
	font-size:1.6rem;
}
article textarea::selection{
  background-color:#f6e6cc;
  color:#27221a;
}
article code{
	background:rgba(0,0,0,0.7);
	border-radius:2px; margin:0 5px;
	font-family:Consolas,"Menlo","微软雅黑","Liberation Mono","Consolas","DejaVu Sans Mono","Ubuntu Mono","Courier New","andale mono","lucida console",monospace;
}
article p code,
article li code{padding:2px 5px;}
article pre code{background:none; margin:0;}
article ol li{list-style-type:decimal;}
article ul li{list-style-type:disc;}
article p,
article li{margin:0.2em 0;}
article ul,
article ol,
article dl,
article table,
article pre {margin:1em 0;}
article ol,
article ul{margin-left:20px;}
article a{
	text-decoration:none; font-weight: bold;
	cursor:pointer;	color:#ba832c;
}
article a:focus{outline: 1px dotted;}
article a:hover,
article a:focus{
	color:#d3a459;
	text-decoration:none;
}
article a *,
article button *{cursor: pointer;}
article hr{display:none;}
article small{font-size:90%;}
article input,
article select,
article button,
article textarea,
article option{
	font-family:'Consolas',"Menlo","微软雅黑","Liberation Mono","Consolas","DejaVu Sans Mono","Ubuntu Mono","Courier New","andale mono","lucida console",monospace;
}
article button,
article label,
article select,
article option,
article input[type=submit]{cursor:pointer;}
article .group:after{
	content: "."; display: block; visibility:hidden;
	height:0;
	clear:both;
} 
article .group{
	display:inline-block;
}
article sup{
	font-size:80%; line-height:1; vertical-align:super;
}
article span.amp{font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8;}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6{ 
    line-height:1.8;
    font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
}
article h1:first-child,
article h2:first-child,
article h3:first-child,
article h4:first-child,
article h5:first-child,
article h6:first-child{ 
   margin-top:0;
}
article h2{font-size:3rem; margin-top:40px;}
article h3{font-size:2.8rem; margin-top:35px;}
article h4{font-size:2.6rem; margin-top:30px;}
article h5{font-size:2.4rem; margin-top:25px;}
article h6{font-size:2.2rem; margin-top:20px;}

article ::selection {background: #745626;}

article h1{
	font-size:260%;
	margin:0 0 0.1em;
	font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
}
article h1 a,
article h1 a:hover{
	color:#d7af72;
	font-weight:normal; text-decoration:none;
}
article pre{
	background:rgba(0,0,0,0.3); color:#e0e0e0;
	padding:8px 10px; border-radius:0.4em;
	overflow-x: hidden;
}
article pre code{font-size:1.3rem;}
article .thumb{ 
    float:left;
    margin: 10px;
}
blockquote{
	max-width:476px; line-height:1.5;
	padding:0 2em; border-left:.5em solid #f9d69e; margin-left:0;
    color:#f9d69e;
}